<script lang="ts" setup=""></script>

<template>
	<div class="img relative flex-column justify-center align-center">
		<img src="@/static/404.png" alt="404" />
		<div class="tip absolute">Oops...你的页面好像走丢了</div>
	</div>
</template>

<style lang="scss" scoped>
.img {
	width: 100%;
	height: 100%;

	img {
		width: 600px;
		margin-bottom: 26%;
	}

	.tip {
		bottom: 39%;
		font-size: 30px;
		font-style: italic;
		font-weight: 600;
		color: rgba(211, 0, 31, 0.59);
	}
}
</style>
